<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>搜索 | Z-anime</title>
  <link rel="stylesheet" href="../public/css/index/index.css">
  <link rel="stylesheet" href="../public/css/game/head.css">
  <link rel="stylesheet" href="../public/css/anime/index.css">
  <link rel="stylesheet" href="../public/css/music/index.css">
  <link rel="stylesheet" href="../public/css/game/index.css">
  <link rel="stylesheet" href="../public/css/new/index.css">
  <link rel="stylesheet" href="../public/css/search/index.css">
  <!--站点图标-->
  <link rel="shortcut icon" href="../public/img/index/logo/logo.ico" type="image/x-icon">
</head>

<body>
  <!--头部-->
  <header id="z_head">
    <div class="head">
      <div class="center">
        <ul id="headUl">

        </ul>
        
        <div class="searchInputArea">
          <div class="search_C">
            <input v-model="key" type="search" class="searchInput" placeholder="搜索关键词" @keyup.enter="toSearch">
            <img @click="toSearch" src="../public/img/index/other/search.png">
          </div>
        </div>
        <img class="logo" src="../public/img/index/logo/logo.png" alt="">
      </div>

    </div>
  </header>
  <!--头部-->
  <!--搜索-->
  <div class="filterContainer" id="searchFilters">
    <div class="main">
      <div class="url">
        <span id="indexUrl" @click="toIndexClick">Z-anime</span> >
        <span class="urlTitle">搜索</span>
      </div>
      <div class="title"></div>

      <div class="result p" style="margin-left:20px">
        <div class="searchInputArea">
          <div class="search_C">
            <input v-model="keyValue" type="search" class="searchInput" @keyup.enter="toSearch" placeholder="搜索关键词">
            <img @click="toSearch" src="../public/img/index/other/search2.png">
          </div>
        </div>
        
        搜索结果：共有 <b></b> 个资源
      </div>

      <div class="areaMenu">
        
      </div>

      <div v-if="area == 1" id="anime" :class="area==1?'show':''" style="display: none;">
        <div class="noData" v-if="animeList.length == 0">
          <b>暂时没有找到该资源</b>
        </div>
        <div class="animeList p" v-else>

        </div>
      </div>

      <div v-else-if="area == 2" id="music" :class="area==2?'show':''" style="display: none;">
        <div class="noData" v-if="musicList.length == 0">
          <b>暂时没有找到该资源</b>
        </div>
        <div class="musicList p" v-else>

        </div>
      </div>

      <div v-else-if="area == 3" id="game" :class="area==3?'show':''" style="display: none;">
        <div class="noData" v-if="gameList.length == 0">
          <b>暂时没有找到该资源</b>
        </div>
        <div class="gameList p" v-else>

        </div>
      </div>

      <div v-else-if="area == 4" id="new" :class="area==4?'show':''" style="display: none;">
        
        <div class="noData" v-if="newList.length == 0">
          <b>暂时没有找到该资源</b>
        </div>
        <div class="newList p" v-else>

        </div>
      </div>

      <!--页码-->
      <div class="pageDiv">

      </div>
    </div>
  </div>
  <!--搜索-->




  <script src="../public/js/jquery-1.12.4.min.js"></script>
  <script src="../public/js/vue.min.js"></script>
  <script src="../public/js/vue-resource.min.js"></script>
  <script src="../public/js/common.js"></script>
  <script src="../public/js/index/head.js"></script>
  <script src="../public/js/search/searchFilter.js"></script>
</body>

</html>